<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>记账本记录</title>
        <link href="/css/app.css" rel="stylesheet">
    </head>
    <body>
        <div>
            <div>
                <div>
                    <h2>添加记录</h2>
                    <hr/>
                    <form method="post" action="/jzbjl">
                        <div>
                            <label for="item">事项</label>
                            <input
                               name="title"
                               type="text"
                               id="item"
                            />          
                        </div>
                        <div>
                            <label for="time">时间</label>
                            <input
                                name="time"
                                type="text"
                                id="time"
                            />
                        </div>
                        <div>
                            <label for="type">类型</label>
                            <select name="type" id="type">
                                <option value="-1">支出</option>
                                <option value="1">收入</option>
                            </select>
                        </div>
                        <div>
                            <label for="account">金额</label>
                            <input
                               name="account"
                               type="text"
                               id="account"
                            />
                        </div>
                        <div>
                            <label for="remarks">备注</label>
                            <textarea name="remark" id="remarks"></textarea>
                        </div>
                        <hr>
                        <button type="submit">添加</button>
                    </form>
                </div>
            </div>
        </div>
    
    <script>
        let tds = document.querySelectorAll('td');
        tds.forEach(i => {
            i.onclick = function(){
                this.style.background = '#222';
            }
        })
    </script>
    <!--决对路径-->
    <a href="https://www.baidu.com">百度</a>
    <a href="//jd.com">京东</a>
    <a href="/eath">搜索</a>
    <!--相对路径-->
    <a href="./css/app.css">访问css</a>
    <a href="js/app.js">访问js</a>
    <a  href="../imge">访问image</a>
    <a href="../../video">访问video</a>
    </body>
</html>


